.flexTop{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	display: flex;
	height: 140rpx;
	width: 100%;
	background: #FFFFFF;
	padding:26rpx 24rpx 30rpx 24rpx;
	box-sizing: border-box;
	.flexSingle{
		-webkit-flex: 1;
		flex: 1;
		&:nth-child(2){
			text-align: center;
		}
		&:nth-child(3){
			text-align: right;
		}
		.flexCont{
			text-align: center;
			display: inline-block;
			&:nth-child(2){
				display: block;
			}
			text{
				color:#333333;
				font-size:32rpx;
			}
			.typedetail{
				color:#999999;
				font-size:24rpx;
				position: relative;
				image{
					width: 40rpx;
					height: 6rpx;
					position: absolute;
					margin-left: -20rpx;
					margin-top: 8rpx;
				}
			}
		}
	}
	.tapactive{
		.flexCont{
			text{
				color:#FF6C25;
			}
			.typedetail{
				color:#FF6C25;
			}
		}
	}
}
.classAndTime{
	margin-top:2rpx;
	background: #FFFFFF;
	padding:30rpx;
	box-sizing: border-box;
	display: inline-block;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	display: flex;
	.classCont,.timeCont{
		width: 50%;
		text-align: center;
		.title{
			font-size: 28rpx;
			color: #333333;
			margin-right: 6rpx;
		}
		image{
			width: 18rpx;
			height: 14rpx;
		}
	}
}
.classTimeDetail{
	background: #FFFFFF;
	padding:0 20rpx 62rpx 40rpx;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	z-index: 999;
	.popuptitle{
		font-size: 32rpx;
		color: #333333;
		margin-bottom:22rpx;
	}
	.selArea{
		flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		display: flex;
		width:100%;
		text{
			width: 29%;
			height: 68rpx;
			border-radius: 36rpx;
			border: 2rpx solid #7B7B7B;
			font-size: 28rpx;
			color: #333333;
			margin-right:2.7%;
			margin-top:20rpx;
			line-height:68rpx;
			text-align: center;
		}
		.selbg{
			background: #FF6C25;
			border-color: #FF6C25;
			color:#ffffff;
		}
	}
	button{
		border-radius: 42rpx;
		border: 2rpx solid #7B7B7B;
		font-size: 28rpx;
		color: #333333;
		margin-top:58rpx;
		width: 412rpx;
		height:80rpx;
		background-color: #ffffff;
		line-height: 80rpx;
	}
}
.allclassinfo{
	height:79vh;
}
.singleClass{
	width: 694rpx;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 16rpx;
	margin-top:20rpx;
	margin-left:24rpx;
	padding:20rpx 0 20rpx 20rpx;
	.singleTop {
		display: flex;
	}
	.imgCont{
		width: 200rpx;
		height: 264rpx;
		margin-right:24rpx;
		display: inline-block;
		.imageCont{
			width: 200rpx;
			height: 264rpx;
		}
	}
	.classdetailCont{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		border-bottom: 2rpx solid #F6F6F6;
		width: 450rpx;
		height: 266rpx;
		vertical-align: top;
		.classtitle{
			font-size: 36rpx;
			color: #333333;
			width: 430rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.classCharaCont{
			width: 428rpx;
			text{
				background: #F4F2F3;
				border-radius: 4rpx;
				font-size: 26rpx;
				color: #FF6C25;
				margin-right:9rpx;
				padding:4rpx 6rpx;
				&:last-child{
					margin-right:0;
				}
			}
			.classNum{
				color: #FFBB18;
				border-radius: 4rpx;
				border: 2rpx solid #FFBB18;
				background: #FFFFFF;
				padding: 2rpx 6rpx;
			}
		}
		.classProvider{
			font-size: 24rpx;
			color: #666666;
			display: inline-block;
			width: 428rpx;
		}
		.awardsCont{
			padding-bottom: 16rpx;
			display: flex;
			justify-content: space-between;
			padding-right: 22rpx;
			.awards{
				font-size: 32rpx;
				color: #FF6C25;
			}
			.awardsNums{
				font-size: 28rpx;
				color: #666666;
			}
		}
	}
	.classtime{
		.con {
			font-size: 24rpx;
			color: #666666;
			display: block;
			margin-left:244rpx;
			margin-top:10rpx;
		}
	}
}